<!--
 * @Description  : 
 * @Version      : 1.0
 * @Author       : Shiming
 * @Date         : 2022-03-30 17:57:46
 * @LastEditors  : Shiming
 * @LastEditTime : 2022-04-19 15:09:26
 * @FilePath     : \\tms-obc-web\\src\\app\\routes\\datatable\\components\\customtable\\mancustomtable\\mancustomtable.component.html
 * Copyright (C) 2022 huzhenhong. All rights reserved.
-->
<!-- 页头 -->
<page-header-wrapper [title]="'业务员报告'"></page-header-wrapper >
<nz-card >
  <nz-tabset (nzSelectedIndexChange)="selectChange($event)" [nzTabBarExtraContent]="extraTemplate">
    <nz-tab [nzTitle]="'客户'"></nz-tab>
    <nz-tab [nzTitle]="'合伙人'"></nz-tab>
  </nz-tabset>
  <ng-template #extraTemplate>
    <div class="chooseBox">
      <div class="timeBox">
        <sf #sf [schema]="searchSchema" button="none"
        [ui]="{ '*': { spanLabelFixed: 0, grid: { xxl:5,xl:4, lg: 8, md: 12, sm: 12, xs: 24,gutter:20 } } }"
        [compact]="true">
        <ng-template sf-template="no4" let-me let-ui="ui" let-schema="schema">
          <div class="chooseBox">
            <div class="timeBox">
              <nz-radio-group [(ngModel)]="mode" nzButtonStyle="solid" (ngModelChange)="changeData()" acl  [acl-ability]="['mancustomtable-search']">
                <label nz-radio-button nzValue="year">年</label>
                <label nz-radio-button nzValue="month">月</label>
                <label nz-radio-button nzValue="date">日</label>
                <label nz-radio-button nzValue="define">自定义</label>
              </nz-radio-group>
              <div class="dateBox">
                <nz-date-picker [(ngModel)]="date" [nzMode]="mode" [nzFormat]="dateFormat" *ngIf="mode !== 'define'"
                  [nzDisabledDate]="disabledDate" (ngModelChange)="onChange($event)"></nz-date-picker>
                <nz-range-picker [(ngModel)]="defineDate" [nzFormat]="dateFormat" *ngIf="mode === 'define'"
                  [nzDisabledDate]="disabledDate" (ngModelChange)="onChange($event)"></nz-range-picker>
              </div>
            </div>
          </div>
        </ng-template>
      </sf>
      </div>
    </div>
  </ng-template>
  <st #st multiSort [columns]="columns" [ps]="20" [data]="service.$api_listPartBusinessReportPage"
    [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
    [scroll]="{ x: '1200px' }" [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
    [page]="{ show: true, showSize: true, pageSizes: [20, 50, 100] }">
  </st>
</nz-card>